<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>

			.six {
				width: 200px;
				height: 200px;
				background: #9afd4a;
				border: 10px solid #f7fd37;
			}

			.five {
				width: 220px;
				height: 220px;
				/* transparent: 透明色; */
				/*background-color: transparent;*/
				padding: 98px;
				border: 2px dashed white;
			}

			.four {
				width: 420px;
				height: 420px;
				padding: 6px;
				border: 2px dotted white;
			}

			.three {
				width: 436px;
				height: 436px;
				padding: 82px;
				background-color: #fda3de;
			}

			.two {
				width: 600px;
				height: 600px;
				padding: 40px;
				border: 10px solid #d8eefd;
			}

			.one {
				width: 700px;
				height: 700px;
				border: 2px dashed black;
				margin: 50px auto 0;
				padding: 54px;
			}

		</style>
	</head>
	<body>

		<div class="one">
			<div class="two">
				<div class="three">
					<div class="four">
						<div class="five">
							<div class="six"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</body>
</html>